<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DAY FIVE</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="frame">
        <div class="card">
            <div class="header">
                <span class="title big">Weekly report</span>
                <span class="data small">01. Feb -07. Feb</span>
                <span class="type small">Revenue</span>
                <span class="value big">$ 3621.79</span>
            </div>
            <div class="clearfix"></div>
            <div class="parameter">
                <span class="red">Views</span>
                <span class="blue">Purchase</span>
            </div>
            <div class="statistic">
                <div class="line-1"></div>
                <div class="line-2"></div>
                <div class="line-3"></div>
                <div class="data red">
                    <svg>
                        <polyline points="9,46 50,12 90,23 130,11 171,38 211,48 251,19"></polyline>
                    </svg>
                    <div class="points">
                        <div class="point-1">
                            <div class="tooltip">458</div>
                        </div>
                        <div class="point-2">
                            <div class="tooltip">812</div>
                        </div>
                        <div class="point-3">
                            <div class="tooltip">746</div>
                        </div>
                        <div class="point-4">
                            <div class="tooltip">877</div>
                        </div>
                        <div class="point-5">
                            <div class="tooltip">517</div>
                        </div>
                        <div class="point-6">
                            <div class="tooltip">434</div>
                        </div>
                        <div class="point-7">
                            <div class="tooltip">458</div>
                        </div>
                    </div>
                </div>
                <div class="data blue">
                    <svg>
                        <polyline points="9,61 50,50 90,65 130,55 171,61 211,74 251,64"></polyline>    
                    </svg>
                    <div class="points">
                        <div class="point-1">
                            <div class="tooltip">26</div>
                        </div>
                        <div class="point-2">
                            <div class="tooltip">41</div>
                        </div>
                        <div class="point-3">
                            <div class="tooltip">22</div>
                        </div>
                        <div class="point-4">
                            <div class="tooltip">36</div>
                        </div>
                        <div class="point-5">
                            <div class="tooltip">25</div>
                        </div>
                        <div class="point-6">
                            <div class="tooltip">13</div>
                        </div>
                        <div class="point-7">
                            <div class="tooltip">20</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="days">
                <div class="day">Mon</div>
                <div class="day">Tue</div>
                <div class="day">Wed</div>
                <div class="day">Thu</div>
                <div class="day">Fri</div>
                <div class="day">Sat</div>
                <div class="day">Sun</div>
            </div>
        </div>

    </div>
</body>
</html>